// 富文本编辑器
// 创建编辑器函数，创建工具栏函数
const { createEditor, createToolbar } = window.wangEditor

const editorConfig = {
  placeholder: 'Type here...',
  onChange(editor) {
    const html = editor.getHtml()
    //获取富文本域的内容
    // console.log('editor content', html)
    //便于后续利用插件获取表单内容，将富文本域p的内容同步到文本域中
    document.querySelector('.publish-content').innerHTML = html
    // 也可以同步到 <textarea>
  },
}

//创建编辑器
const editor = createEditor({
  //富文本插入地点
  selector: '#editor-container',
  //富文本默认内容
  html: '<p><br></p>',
  //配置项
  config: editorConfig,
  //配置集成模式 default全部 simple简洁
  mode: 'default', // or 'simple'
})

//工具栏配置对象
const toolbarConfig = {}

//创建工具栏
const toolbar = createToolbar({
  // 为编辑器创建工具栏
  editor,
  //工具栏插入地点
  selector: '#toolbar-container',
  config: toolbarConfig,
  mode: 'default', // or 'simple'
})